html,
body {height: 100%;margin: 0; font-family: 'Montserrat', sans-serif;}

#goliaAppMainDiv {width: 600px;height: 400px;}

body {padding: 0;}
.container-fluid{padding:17px;}
#goliaAppMainDiv {height: 100%;width: 100vw;}
#divLoadingMaster {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999999999;background: rgba(0, 0, 0, 0.5);color: #fff;display: table;}
.cent{text-align:center; vertical-align: baseline;}
.left{text-align:left; vertical-align: baseline;}
.right{text-align:right; vertical-align: baseline;}
h5{font-size:20px;}
.tit-infrazioni{margin-top:15px;}
.separe{background-color:#F9FAFB; padding-top:15px; padding-bottom:15px; }
.space-bot{margin-bottom:6px;}
.space-top{margin-top:10px;}

.colorSpec{color:#446280;}

/* TOOLTIP */
.tt-targa{background-color:#e7e7e7; padding:10px 0px 5px 0px; border-radius:50px; text-align:center; margin:5px 0px 5px 0px;}
.tt-autista{background-color:#e7e7e7; padding:5px; border-radius:50px; text-align:center; margin:5px 0px 5px 0px; font-weight:bold; width:100px !important; text-transform: uppercase;}
.dropdown-item:hover{background-color:#F71149; color:#fff;}
.dropdown-menu{background-color:#F8F9FA;}

#divLoadingMasterIn {display: table-cell;vertical-align: middle;text-align: center;}

.markerTxt {font-size: 14px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;font-weight: bold;display: inline;white-space:nowrap;}

#modalVehicles .modal {padding: 0 !important;}
#modalVehicles .modal .modal-dialog {width: 100%;max-width: none;height: 100%;margin: 0;}
#modalVehicles .modal .modal-content {height: 100%;border: 0;border-radius: 0;}
#modalVehicles .modal .modal-body {overflow-y: auto;}

/* INFRAZIONI */
.form-switch{padding-top:10px;}

/* VRAIOUS CSS */
* {box-sizing: border-box; font-weight: 400;}
a,
a:visited,
a:hover,
a:active {color: inherit;text-decoration: none;}
h1 {font-weight:600; color:#EF3F4B; text-align: left; font-size: 35px;}

.padd-menu{padding-left:90px;}
.padd-top{padding-top:25px;}
#text-resp{width:100%;}
.btnfull{width:100%; height:60px; margin:10px 0px 10px 0px;}
.dropdown-nocaret:after { content: none }

/* LEAFLET MODs */
.leaflet-bottom{z-index:500;}
.targa-v{border-bottom:1px solid #eaeaea; padding:3px; font-size:15px; background-image: linear-gradient( 109.6deg,  rgba(223,234,247,1) 11.2%, rgba(244,248,252,1) 91.1% ); border:none; border-radius:5px; text-align:center; margin-bottom:5px;}
.data-v{border-bottom:1px solid #eaeaea; padding:3px;}
.velocita-v{border-bottom:1px solid #eaeaea; padding:3px;}
.direzione-v{padding:3px; background-color:#eaeaea;}
.altitudine-v{padding:3px; background-color:#eaeaea;}
.gmap-v{text-align:right;}

/* MENU GOLIA.APP */
/* .card-body{ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;} */
.card{position: relative;display: -ms-flexbox;display: flex; -ms-flex-direction: column;flex-direction: column;min-width: 0; word-wrap: break-word;background-color: #ce3943;background-clip: border-box;border: none;}
.leaflet-popup-content-wrapper{background: rgba(255, 255, 255, 0.9); color: #333; box-shadow: 0 3px 14px rgb(0 0 0 / 40%);}
.leaflet-popup-content{line-height:1.5;}

ul li #sottomenu{font-size:14px; margin-left:-15px;}
.padd-li li{padding-top:15px;}
.close{font-size:3.5rem;}
table {border-collapse: separate;border-spacing: 1em;border:1px solid #eaeaea;}
.table td, .table th{border:none;}

#modalLogin {min-width: 100%;margin: 0;}
#modalLogin .modal-content {min-height: 100vh;background-image: radial-gradient( circle 1224px at 10.6% 8.8%,  rgba(255,255,255,1) 0%, rgba(153,202,251,1) 100.2% );}
#modalLogin .modal-dialog {min-width: 100%;margin: 0;}
.modal-header{padding:1rem 1rem; color:#fff; border-bottom: 1px solid #fff; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%);}
.form-control{display: block;width: 100%;height: calc(2.0em + .75rem + 5px);padding: .375rem .75rem;font-size: 1.7rem;font-weight: 400;line-height: 1.5;color: #495057; background-color:#fff; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/* TOOLTIP MARKER */
.btn-details {padding:5px;background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%);color:#fff; font-weight:600; border:none; border-radius:5px; margin:10px 0px 5px 0px; text-align:center;}
.btn-green {padding:5px;background-color: #08eac8; background-image: linear-gradient(0deg, #08eac8 0%, #2AF598 50%); color:#fff; font-weight:600; border:none; border-radius:5px; margin:10px 0px 5px 0px; text-align:center;}
.btn-gray {padding:5px;background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); color:#000; font-weight:600; border:none; border-radius:5px; margin:10px 0px 5px 0px; text-align:center;}
.btn-success {border:none; background-image:linear-gradient( 1.3deg,  rgba(91,117,163,1) 11.4%, rgba(68,98,128,1) 77% ); color:#fff; border-radius:20px;}
.btn-success:hover{border:none; background-image: linear-gradient( 79.8deg,  rgba(101,132,154,1) 3.2%, rgba(160,197,201,1) 89.1% );}

.btn-close {color:#fff;background-color:#fff;}
.vehiclelable {z-index:9999;}
.bg-gray {background-image: radial-gradient( circle 827px at 47.3% 48%,  rgba(255,255,255,1) 0%, rgba(138,192,216,1) 90% ); padding:3px;}

/* PAGE DETAILS */
.searchbar{margin-bottom: auto;margin-top: auto;height: 60px;background-color: #fff;border-radius: 30px;padding: 10px;border:1px #eaeaea solid;}
.search_input{color:#4c4c4c;border: 0;outline: 0;background: none;width: 0;caret-color:transparent;line-height: 40px;transition: width 0.4s linear;}
.searchbar:hover > .search_input{padding: 0 10px;width: 200px;caret-color:red;transition: width 0.4s linear;}
.searchbar:hover > .search_icon{background: white;color: #e74c3c;}
.search_icon{height: 40px;width: 40px;float: right;display: flex;justify-content: center;align-items: center;border-radius: 50%;color:white;text-decoration:none;}

/* LAST POSITION VEICHLE */
#last-position{position:fixed; left:45px; bottom:25px; z-index:1; z-index:900; width:80px; height:80px; padding:10px;}
.icon-veichle{ border-radius:50px;color:#fff; background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%); text-align: center; font-weight:300;font-size:20px; padding:15px;}

.men-item, .men-open-button {background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%);border-radius: 100%;width: 50px;height: 50px;margin-left: -40px;position: absolute;top: 20px;color:#fff;text-align: center;line-height: 53px;transform: translate3d(0, 0, 0);transition: transform ease-out 200ms;}
a.men-item{color:#fff;}

.men-open {display: none;}
.hambu {width: 25px;height: 3px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1.5px;transition: transform 200ms;}

.men-open:checked + .men-open-button .hambu-1 {transform: translate3d(0, 0, 0) rotate(45deg);}
.men-open:checked + .men-open-button .hambu-2 {transform: translate3d(0, 0, 0) scale(0.1, 1);}
.men-open:checked + .men-open-button .hambu-3 {transform: translate3d(0, 0, 0) rotate(-45deg);}

.men {position: absolute;left: 50%;margin-left: -80px;padding-top: 20px;padding-left: 80px;width: 650px;height: 150px;box-sizing: border-box;font-size: 20px;text-align: left;}

.men-item:hover {background-image: linear-gradient(to top, #ffb3b3 0%, #ff3265 100%); color: #fff;}
.men-item:nth-child(3) {transition-duration: 180ms;}
.men-item:nth-child(4) {transition-duration: 180ms;}
.men-item:nth-child(5) {transition-duration: 180ms;}
.men-item:nth-child(6) {transition-duration: 180ms;}

.men-open-button {z-index: 2;transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-duration: 400ms;transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer;}

.men-open-button:hover {transform: scale(1.2, 1.2) translate3d(0, 0, 0);}

.men-open:checked + .men-open-button {transition-timing-function: linear;transition-duration: 200ms;transform: scale(0.8, 0.8) translate3d(0, 0, 0);}

.men-open:checked ~ .men-item {transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
.men-open:checked ~ .men-item:nth-child(3) {transition-duration: 190ms;transform: translate3d(50px, 0, 0);}
.men-open:checked ~ .men-item:nth-child(4) {transition-duration: 290ms;transform: translate3d(105px, 0, 0);}
.men-open:checked ~ .men-item:nth-child(5) {transition-duration: 390ms;transform: translate3d(160px, 0, 0);}
.men-open:checked ~ .men-item:nth-child(6) {transition-duration: 490ms;transform: translate3d(215px, 0, 0);}

/*.list-group-item{background-color:transparent; border:none;}*/
.flex-center {display: flex; align-items: center; justify-content: center;}
.outer-menu {position:fixed;left: 0;z-index:1;z-index:999;}
.outer-menu .checkbox-toggle {position:absolute; top:0; left:0; z-index:2; cursor:pointer; width:80px; height:80px; opacity:0;}
.outer-menu .checkbox-toggle:checked + .hamburger > div {transform: rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {top: 0;transform: rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {opacity: 0;}
.outer-menu .checkbox-toggle:checked ~ .menu {pointer-events: auto;visibility: visible;}
.outer-menu .checkbox-toggle:checked ~ .menu > div {transform: scale(1);transition-duration: 0.75s;}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {opacity: 1;transition: opacity 0.4s ease 0.4s;}
.outer-menu .checkbox-toggle:hover + .hamburger {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {transform: rotate(225deg);}
.outer-menu .hamburger {position: absolute;top: 0;left: 0;z-index: 1;width: 80px;height: 80px;padding: 0.5em 1em;background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%); border-radius: 0 0.12em 0.12em 0;cursor: pointer;transition: box-shadow 0.4s ease;-webkit-backface-visibility: hidden; backface-visibility: hidden;display: flex;align-items: center;justify-content: center;}
.outer-menu .hamburger > div {position: relative;flex: none;width: 100%;height: 2px;background: #FEFEFE;transition: all 0.4s ease;display: flex;align-items: center;justify-content: center;}
.outer-menu .hamburger > div:before,
.outer-menu .hamburger > div:after {content: '';position: absolute;z-index: 1;top: -10px;left: 0;width: 100%;height: 2px;background: inherit;transition: all 0.4s ease;}
.outer-menu .hamburger > div:after {top: 10px;}
.outer-menu .menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;display: flex;align-items: center;justify-content: center;}
.outer-menu .menu > div {width: 250vw;height: 250vw;color: #FEFEFE;background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%);border-radius: 50%;transition: all 0.4s ease;flex: none;transform: scale(0);-webkit-backface-visibility: hidden;
backface-visibility: hidden;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.outer-menu .menu > div > div {text-align: left;max-width: 90vw;max-height: 100vh;opacity: 0;transition: opacity 0.4s ease;overflow-y: auto;flex: none;display: flex;align-items: center;justify-content: center;}
.outer-menu .menu > div > div > ul {list-style: none;padding: 0 1em;margin: 0;display: block;max-height: 100vh;}
.outer-menu .menu > div > div > ul > li {padding: 0;margin: 1em;font-size: 25px;display: block;}
.outer-menu .menu > div > div > ul > li > a {position: relative;display: inline;cursor: pointer;transition: color 0.4s ease;  }
.outer-menu .menu > div > div > ul > li > a:hover {color: #fff;}
.outer-menu .menu > div > div > ul > li > a:hover:after {width: 100%;}
.outer-menu .menu > div > div > ul > li > a:after {content: '';position: absolute;z-index: -1;bottom: -0.15em;left: 0;width: 0;height: 50%;background: rgba(255, 255, 255, 0.2); transition: width 0.4s ease;}

/** Pin SVG Marker on MAp **/
.pin { width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background-image: linear-gradient(to top, #f28282 0%, #ff0844 100%); transform: rotate(-45deg); z-index:9999;}
.pin:after {content:"";width: 14px;height: 14px;margin: 8px 0 0 8px;background: #eaeaea;position: absolute;border-radius: 50%;}
.bounce {animation-name: bounce;animation-fill-mode: both;animation-duration: 1s; }
.pulse {border-radius: 50%;height: 10px;width: 10px;transform: rotateX(55deg); margin-left:9px;}
.pulse:after {content: "";border-radius: 50%;height: 40px;width: 40px;position: absolute;margin: -13px 0 0 -13px;animation: pulsate 1s ease-out;animation-iteration-count: infinite;opacity: 0;box-shadow: 0 0 1px 2px #EF3F4B;animation-delay: 1.1s;z-index:9999;}

@keyframes pulsate {
  0% {transform: scale(0.1, 0.1);opacity: 0;}
  50% {opacity: 1;}
  100% {transform: scale(1.2, 1.2);opacity: 0;}
}
@keyframes bounce {
  0% {opacity: 0;transform: translateY(-2000px) rotate(-45deg);}
  60% {opacity: 1;transform: translateY(30px) rotate(-45deg);}
  80% {transform: translateY(-10px) rotate(-45deg);}
  100% {transform: translateY(0) rotate(-45deg);}
}

.goliaLiveIcon{
    font-size: 14px;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    white-space:nowrap;
}

.select2-container--bootstrap4 .select2-selection--single{height:calc(2.5em + .75rem + 2px) !important;}
.markerContainer{position:absolute; text-align:center; width:40px; height:60px; top:-50px; left:-13px; color: white;}
.markerContainerImg{position:absolute; top: 0; left: 0;}
.markerContainerIcon{position:absolute; text-align:center; width:40px; height:60px; top:6px; font-size:20px;}
.markerContainerLabelBg{
  border-radius: 50px; position:absolute; text-align:center; width:60px; height:20px; top:57px; left:-10px;background: white;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
.markerContainerLabel{border-radius: 50px; position:absolute; text-align:center; width:60px; height:20px; top:57px; left:-10px; font-weight:bold; color: black;}